<template>
	<div class="upfoods">
		<div class="searchboxbg">
			<div class="searchbox">
				<image src="../../../static/home/search.png" class="searchicon"></image>
				<input type="text" value="" placeholder="请输入搜索内容"/>
				<image src="../../../static/home/close.png" class="closeicon"></image>
			</div>
		</div>
		<div class="breedinglist">
		
			<div class="breedinglistitem" v-for='item in 2' @click='gotoswinedetails'>
					<div class="breedingli">
						<span class='fsize28l'>编号：</span><span class='fsize285'>#186</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>耳号：</span><span class='fsize285'>#186</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>所在猪舍号：</span><span class='fsize285'>3号</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>所在猪栏号：</span><span class='fsize285'>3号</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>出生日期：</span><span class='fsize285'>2020-03-31</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>年龄：</span><span class='fsize285'>24个月</span>
					</div>
			</div>
		</div>
	</div>


</template>

<script>
	export default {
		data() {
			return {
				hour: 10,
				minute:50,
				second:32
			};
		},
		onLoad: function() {
	
		},
		methods: {
			gotoswinedetails(e) {
				uni.navigateTo({
					url: '../swinedetails/swinedetails' 
				});
			},
		}
	}
</script>

<style lang="less">
	.searchboxbg {
		height: 120rpx;
		width: 100%;
		background-color: #FFFFFF;
		.searchbox {
			background-color: #F0F0F0;
			width: 686rpx;
			margin: 0 auto;
			position: relative;
			top: 16rpx;
			height: 72rpx;
			border-radius:12rpx;
			image{
				width: 40rpx;
				height: 42rpx;
				margin: 16rpx 22rpx 14rpx 22rpx;
			}
			.searchicon {
				position: absolute;
				left: 0;
			}
			input{
				width: 100%;
				line-height:72rpx ;
				height: 72rpx;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				padding-left: 72rpx;
				box-sizing: border-box;
			}
			.closeicon {
				position: absolute;
				right: 0;
			}
		}
	}
	
	.breedinglist {
		padding: 0 32rpx;
		.breedinglistitem {
			margin-top: 38rpx;
			padding: 24rpx;
			box-shadow:0px 4px 24px 0px rgba(0,0,0,0.12);
			border-radius:12px;
		}
	}
	
</style>
